Basic knowledge of mobile resolution (DPI,DIP calculation)
1. Terminology and concepts
Terms
Description
Note
Screen size (on-screen dimensions)
Refers to the actual physical size of the phone, such as 2.8-inch,
I. Basic CONCEPT-DP: Wirelessly relative Size-dpi: (dot per inch) pixels per inch How much-px: Pixel point ii. detailed description 1, px and dpi-px:The usual "1920x1080" is just the number of pixels, which is 1920pxx1080px, which represents 1920
Specifications/inches/cmThe data table (in inches) of the maximum number of photos that can be rinsed by a digital camera calculated based on 150ppi)5 million pixels valid 4915200, pixels 2560x1920. Portable Photo size: 17X13, 21-inch diagonal line4
I know the differences among px, dpi, dp, dip, sp, in, and pt, pxdpi Px:
That is, pixels. 1px indicates a physical pixel on the screen;
The unit of px is not recommended, because the actual size of the same px image may be different on different
Length Unit
In typography, "point" is an absolute unit that is equal to 1/72 inches and can be measured by a ruler, in physical inches. But the meaning of PT in CSS is not so, for example, we specify a font is 9PT, we would think that according to
In the past two days, I used swing to write and print data. I found that the JDK document contains a description in units of 1/72 inch. It is troublesome to convert the paper size and screen size. What is 1/72 inch. I found the following information
Introduction: starting with several questions
Question 1: Why does the Photoshop ruler look like it is not the actual length on the screen?
Question 2: the words in the word are larger on the desktop, but small on the notebook, and eye pain. But
Two parts:
Part 1
DPI of the monitor
Recently, it was found that the actual size of the image displayed on the new notebook is not the specified size (for example, to draw a 5 cm-width rectangle, the display width on the screen is only 3.6 ),
Pixel (pixels)The smallest element that can be displayed on a screen or printer. Pixels are independent of the screen.Design of various display typesMicrosoft Windows is device-independent-window-based applications can run on many computers with
Three elements of Screen in mobile web Development-The Blue ideal of Match
* Directory [1] screen size [2] resolution [3] pixel densityPrevious
In fact, no one has mentioned the three elements of the screen. It is just a term I have summarized and
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.